<script setup>

</script>

<template>
  <router-view/>
  <div
      style="position:fixed;text-align:center;bottom:0;margin:0 auto;width:100%;color: #5c6b77">
    <a
        target="_blank"
        style="color: #5c6b77"
        href="#"
    >xxxxxxx</a
    >
    &nbsp; xxxx xxxx
  </div>
</template>

<style lang="scss">

p {
  margin: 0;
}

@font-face {
  font-family: 'PangMenZhengDao';
  src: url('./fonts/PangMenZhengDao.TTF');
}

@font-face {
  font-family: 'DIN';
  src: url('./fonts/DIN-MediumItalic.otf');
}

@font-face {
  font-family: 'DIN-Bold';
  src: url('./fonts/DIN-Bold.otf');
}

@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('./fonts/YouSheBiaoTiHei.ttf');
}

.hideScrollBar::-webkit-scrollbar {
  width: 0
}

.hideScrollBar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.el-scrollbar {
  .el-select-dropdown__list {
    margin: 0 !important;
  }
}

.ml30 {
  margin-left: 30px;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background: none !important;
}

//火狐浏览器
.scrollBar {
  scrollbar-width: 'auto'; //只有 auto、thin、none
  scrollbar-color: #375d91 #072a5a; /* 第一个颜色为滚动条的颜色， 第二个颜色为滚动条轨道的颜色 */
}

//谷歌浏览器
.scrollBar::-webkit-scrollbar {
  width: 3px;
  height: 6px;
}

/*滚动条滑块*/
.scrollBar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  //border-radius: 10px;
  box-shadow: inset 0 0 5px #375d91;
  background: rgba(64, 158, 255, 1.00);
}

/*滚动条轨道*/
.scrollBar::-webkit-scrollbar-track { /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #072a5a;
  //border-radius: 10px;
}

.el-scrollbar {
  background-color: #031928;
  border: 1px solid #2a84c0;

  .el-dropdown-menu {
    background: #05162f;
  }

  .el-dropdown-menu__item {
    color: #47c4ff;
    background: #05162f;
  }

  .el-dropdown-menu__item:hover {
    background-color: #4472cb;
  }

  .popper__arrow {
    border: 1px solid #4472cb !important;
  }

  .popper__arrow::after {
    border-top-color: #46bcff !important;
    border-bottom-color: #46bcff !important;
  }
}

.cur {
  cursor: pointer;
}

//表格样式
.pageInnerData {

  .el-table .el-table__body .el-table__row,
  .el-table .el-table__header .el-table__row,
  .el-table .el-table__body .el-table__row td,
  .el-table .el-table__header .el-table__row th {
    border-color: #0f67a0 !important;
    background-color: transparent !important;
  }

  .el-table {
    background-color: transparent !important;
    --el-table-border-color: #0f67a0 !important;
    --el-table-border: 1px solid #0f67a0 !important;
    --el-table-text-color: #B1ECFF !important;
    --el-table-header-text-color: #9ad2ff !important;
    --el-table-row-hover-bg-color: #115477 !important;
    --el-table-current-row-bg-color: #115477 !important;
    --el-table-header-bg-color: #105477 !important;
    --el-table-fixed-box-shadow: transparent !important;
    --el-table-bg-color: transparent !important;
    --el-table-tr-bg-color: transparent !important;
    --el-table-expanded-cell-bg-color: transparent !important;
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
  }

  .el-table thead.is-group th.el-table__cell {
    background-color: transparent !important;
  }

  .el-table .el-table__body .el-table__row:hover {
    background-color: #115477 !important;
  }

}

//分页样式
.pagination {
  .el-icon {
    color: #626773;
  }

  .el-pagination.is-background .el-pager li {
    width: 33px !important;
    height: 32px !important;
    line-height: 32px !important;
    border: 1px solid #0076B2 !important;
    background: none !important;
    color: #626773;
  }

  .el-pagination.is-background .el-pagination button {
    .el-icon {
      color: #626773;
    }

  }

  .el-pagination.is-background .el-pagination button:hover {
    .el-icon {
      color: #0b76b2;
    }
  }

  .el-pagination.is-background .el-pager li.number.active {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #00CCFE !important;
    padding: 0 !important;
    background: linear-gradient(180deg, #0A447E 0%, #133A68 100%) !important;
  }

  .btn-next, .btn-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #0076B2 !important;
    background: none !important;
    line-height: 32px !important;
  }
}

.searchTop, .searchTop2, .popAdd {
  .el-input__inner {

  }

  .el-input {
    --el-input-text-color: #ffffff;
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: #1067a0;
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: #0b2b48;
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
  }
}

.el-select__popper.el-popper {
  background-color: #0b2b48 !important;
  border: 1px solid rgba(0, 0, 0, 0) !important;
}

.el-select__popper {
  .el-popper__arrow {
    display: none !important;
  }

  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #115477 !important;
  }

  .el-select-dropdown__item {
    color: rgba(255, 255, 255, 0.7) !important;
  }

  .el-scrollbar {
    background-color: #0b2b48 !important;
    border: 1px solid #4472cb !important;

    .el-dropdown-menu {
      background: #05162f !important;
    }

    .el-dropdown-menu__item {
      color: #47c4ff !important;
      background: #05162f !important;
    }

    .el-dropdown-menu__item:hover {
      background-color: #05162f !important;
    }

    //鼠标移入的背景色
    .el-dropdown-menu__item:not(.is-disabled):focus {
      background-color: #4472cb !important;
      color: #b2dde9 !important;
    }

    .popper__arrow {
      border: 1px solid #4472cb !important;
    }

    .popper__arrow::after {
      border-top-color: #46bcff !important;
      border-bottom-color: #46bcff !important;
    }
  }
}

//el-popconfirm确认框样式

.el-popper.is-light {
  background: rgba(17, 84, 119, 1.00) !important;
  border: 1px solid rgba(16, 103, 160, 1.00) !important;
}

.el-popover.el-popper {
  color: #fff !important;
}

.el-button.is-text {
  color: rgba(162, 217, 236, 1.00) !important;
}

.el-popper.is-light .el-popper__arrow::before {
  border: 1px solid rgba(17, 84, 119, 1.00) !important;
  background: rgba(17, 84, 119, 1.00) !important;
}

//树状图样式自定义

.pageInnerData {
  .el-tree {
    --el-tree-node-content-height: 40px;
    --el-tree-node-hover-bg-color: rgba(15, 219, 240, 0) !important;
    --el-tree-text-color: rgba(15, 219, 240, 1.00) !important;
    --el-tree-expand-icon-color: rgba(15, 219, 240, 1.00) !important;
    background: rgba(15, 219, 240, 0) !important;
  }

  --el-menu-active-color: var(--el-color-primary) !important;
  --el-menu-text-color: rgba(15, 219, 240, 0) !important;
  --el-menu-hover-text-color: var(--el-color-primary) !important;
  --el-menu-bg-color: rgba(15, 219, 240, 0) !important;
  --el-menu-hover-bg-color: rgba(15, 219, 240, 0) !important;
  --el-menu-item-height: 56px !important;
  --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px) !important;
  --el-menu-horizontal-sub-item-height: 36px !important;
  --el-menu-item-font-size: var(--el-font-size-base) !important;
  --el-menu-item-hover-fill: rgba(15, 219, 240, 0) !important;
  --el-menu-border-color: rgba(15, 219, 240, 0) !important;
  --el-menu-base-level-padding: 20px !important;
  --el-menu-level-padding: 20px !important;
  --el-menu-icon-width: 24px !important;
}

.el-dropdown {
  --el-dropdown-menu-box-shadow: none !important;
  --el-dropdown-menuItem-hover-fill: rgba(0, 0, 0, 0) !important;
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
  display: inline-flex;
  border: none !important;
  box-shadow: none !important;
  position: relative;
  color: var(--el-text-color-regular);
  font-size: var(--el-font-size-base);
  line-height: 1;
  vertical-align: top;
}

.ml20 {
  margin-left: 20px;
}
</style>
